<template>
  <div
    class="v-shape-check-box g-ai-c"
    style="padding: 0 7px"
  >
    <el-checkbox
      v-model="row.value"
      :disabled="disabled"
    />
  </div>
</template>

<script lang="ts" setup>
import { ShapeStyleValue } from "@/modules/model/modals/shapeCustomization/ShapeCustomizationManagementModel";
import { computed } from "vue";

const props = defineProps<{
  row: ShapeStyleValue;
  selected?: boolean;
  configurationDisabled?: boolean;
}>();

const disabled = computed(() => {
  return props.configurationDisabled;
});
</script>

<style lang="scss">
.v-shape-check-box {
  .el-input.is-disabled .el-input__wrapper {
    box-shadow: none;
  }

  .el-input__wrapper {
    box-shadow: none;
    background-color: #ecf0f7;
  }
}
</style>
